
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%> 
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%> 
<%@taglib uri="http://richfaces.org/a4j" prefix="a4j"%> 
<%@taglib uri="http://richfaces.org/rich" prefix="rich"%>


<div id="carreraDiv">
    <f:subview id="carreraSubView">
        <h:form>
            
            <rich:tabPanel switchType="ajax" immediate="true">
                
                <%-- INICIO - Agregar carrera --%>
                <rich:tab label="Agregar" actionListener="#{carreraBean.resetearBean}">
                    <rich:spacer height="20px" style="border:0px"/>
                    <h1 class="title"><h:outputText value="Agregar Carrera" /></h1>
                    <rich:separator height="2" lineType="solid"/><br/>
                    
                    <h:panelGrid columns="3" width="800" cellspacing="0" cellpadding="1" border="0" columnClasses=",,column_message">
                        <h:outputText value="Clave:" style="font-weight:bold;"/>
                        <h:inputText id="clave" value="#{carreraBean.carrera.idCarrera}">
                            <rich:ajaxValidator event="onblur" />
                        </h:inputText>
                        <rich:message for="clave" ajaxRendered="true" style="color:red;" />
                        
                        <h:outputText value="Nombre:" style="font-weight:bold;"/>
                        <h:inputText id="nombre" value="#{carreraBean.carrera.nombre}">
                            <rich:ajaxValidator event="onblur" />
                        </h:inputText>
                        <rich:message for="nombre" ajaxRendered="true" style="color:red;" />
                    </h:panelGrid>
                    
                    <rich:spacer height="20px" style="border:0px"/>
                    <h:commandButton value="Registrar" action="#{carreraBean.insertar}"/>
                </rich:tab>
                <%-- FIN - Agregar carrera --%>
                
                <%-- INICIO - Eliminar carrera --%>
                <rich:tab label="Eliminar" actionListener="#{carreraBean.resetearBean}">
                    <rich:spacer height="20px" style="border:0px"/>
                    <h1 class="title"><h:outputText value="Eliminar Carrera" /></h1>
                    <rich:separator height="2" lineType="solid"/><br/>
                    
                    <h:panelGrid columns="2">
                        <h:outputText value="Carrera:" style="font-weight:bold;"/>
                        <h:selectOneMenu id="selectID" value="#{carreraBean.carrera.idCarrera}">
                            <f:selectItems value="#{carreraBean.items}"/>
                        </h:selectOneMenu>
                    </h:panelGrid>
                    
                    <a4j:outputPanel id="panelEliminarCarrera">
                        <rich:spacer height="20px" style="border:0px"/>
                        <a4j:commandButton value="Eliminar"  actionListener="#{carreraBean.eliminar}" reRender="selectID,panelEliminarCarrera" />
                        <h:panelGrid>
                            <rich:spacer height="20px" style="border:0px"/>
                            <h:outputText value="Carrera Eliminada" rendered="#{carreraBean.success}" style="color:blue;"/>
                        </h:panelGrid>
                    </a4j:outputPanel>
                    
                </rich:tab>
                <%-- FIN - Eliminar carrera --%>
                
                <%-- INICIO - Buscar carrera --%>
                <rich:tab label="Buscar" actionListener="#{carreraBean.resetearBean}">
                    <rich:spacer height="20px" style="border:0px"/>
                    <h1 class="title"><h:outputText value="Buscar Carrera" /></h1>
                    <rich:separator height="2" lineType="solid"/><br/>
                    
                    <h:panelGrid columns="1">
                        <h:panelGrid columns="2"  width="800" columnClasses=",column_message">
                            <rich:panel style="width:400px;border:0px;">
                                <rich:dataTable value="#{carreraBean.carrerasItems}" var="carrera" id="table" rules="rows" rowKeyVar="row">    
                                    <rich:column sortable="true" sortBy="#{carrera.idCarrera}">
                                        <f:facet name="header">
                                            <h:outputText value="Clave"/>
                                        </f:facet>
                                        <h:outputText value="#{carrera.idCarrera}"/>
                                    </rich:column>
                                    <rich:column sortable="true" sortBy="#{carrera.nombre}">
                                        <f:facet name="header">
                                            <h:outputText value="Nombre"/>
                                        </f:facet>
                                        <h:outputText value="#{carrera.nombre}"/>
                                    </rich:column>
                                    <rich:column sortable="false" style="text-align:center;">
                                        <f:facet name="header">
                                            <h:outputText value="Pensum"/>
                                        </f:facet>
                                        <a4j:commandLink value="ver pensum" action="#{carreraBean.selectCarrera}" reRender="fechas">
                                            <f:param name="carreraRow" value="#{row}"/>
                                        </a4j:commandLink>
                                    </rich:column>
                                </rich:dataTable>
                            </rich:panel>
                            <rich:panel style="border:0px;">
                                <rich:dataTable id="fechas" value="#{carreraBean.listPensum}" var="pensum" rendered="#{carreraBean.carreraSelected!=false}" rowKeyVar="row">
                                    <h:column>
                                        <f:facet name="header">
                                            <h:outputText value="Fecha de emision"/>
                                        </f:facet>
                                        <h:outputText value="#{pensum.fecha}"> 
                                            <f:convertDateTime pattern="dd'/'MMMMM'/'yyyy'.'"  locale="es"/>
                                        </h:outputText>
                                    </h:column>
                                    <h:column>
                                        <a4j:commandLink value="Detalle" action="#{carreraBean.verPensum}" reRender="pensum">
                                            <f:param name="pensumRow" value="#{row}"/>
                                        </a4j:commandLink>
                                    </h:column>
                                </rich:dataTable>
                            </rich:panel>
                        </h:panelGrid>    
                        <rich:panel id="panel" style="width:700px;border:0px;" rendered="#{carreraBean.pensumSelected!=false}" >
                            <h:outputText styleClass="label_right_top" value="#{carreraBean.carrera.nombre} - #{carreraBean.pensum.fecha}">
                                <f:convertDateTime pattern="dd'/'MMMMM'/'yyyy'.'"  locale="es"/>
                            </h:outputText>
                            <rich:dataTable value="#{carreraBean.pensumXml.listTrimestres}" var="trimestre" id="trimestre" rowKeyVar="row"  style="border:0;">    
                                <rich:column>
                                    <div class="title_trimestre" style="margin-top:20px">
                                        <h:outputText value="Trimestre ##{row + 1} " />
                                    </div>   
                                    <h:dataTable value="#{trimestre.listAsignaturas}" var="asignatura" id="asignatura" style="border:0px;">
                                        <h:column>
                                            <h:outputText value="#{asignatura.clave}" />
                                        </h:column>
                                        <h:column>
                                            <h:outputText value="#{asignatura.descripcion}" />
                                        </h:column>
                                        <h:column>
                                            <h:outputText value="#{asignatura.creditos}" />
                                        </h:column>
                                    </h:dataTable>
                                </rich:column>
                            </rich:dataTable>
                        </rich:panel>
                    </h:panelGrid>
                </rich:tab>
                <%-- FIN - Buscar carrera --%>
            </rich:tabPanel>
        </h:form>
    </f:subview>
</div>
